@import "bootstrap/scss/functions";

$body-bg: #fffcf6;
$body-color: #555;
$font-family-sans-serif: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$link-color: $body-color;
$list-group-bg: transparent;

$blue:    #3573ac !default;
$purple:  #5C398F !default;
$pink:    #B53D6D !default;
$red:     #842716 !default;
$orange:  #a84c01 !default;
$yellow:  #916101 !default;
$green:   #417106 !default;
$teal:    #20c997 !default;
$cyan:    #0e6b7e !default;

// $primary: $blue;
$secondary: #506579;

$btn-disabled-color: #969696;


$form-switch-color: $secondary;
// $form-check-color: $primary;
$form-check-input-border: 2px solid rgba(#000, .25);

@import "bootstrap/scss/variables";
@import "./vars.common.scss";

$form-check-color: $primary;

$text-muted: $gray-500;

$link-underline-color: rgba($body-color, 0.25);
$link-hover-underline-color: $body-color;


$form-check-input-width: 1.3em;
$form-switch-width: 2.5em;
$form-switch-padding-start:       3em;

$form-check-input-checked-border-color:   tint-color($form-check-color, $btn-active-border-tint-amount);
$form-check-input-checked-bg-color:       tint-color($form-check-color, $btn-active-bg-tint-amount);

$primary-bg-subtle:       tint-color($primary, 90%);
$secondary-bg-subtle:     tint-color($secondary, 90%);
$success-bg-subtle:       tint-color($success, 90%);
$info-bg-subtle:          tint-color($info, 90%);
$warning-bg-subtle:       tint-color($warning, 90%);
$danger-bg-subtle:        tint-color($danger, 90%);

$primary-text-emphasis:   shade-color($primary, 10%);
$secondary-text-emphasis: shade-color($secondary, 10%);
$success-text-emphasis:   shade-color($success, 10%);
$info-text-emphasis:      shade-color($info, 10%);
$warning-text-emphasis:   shade-color($warning, 10%);
$danger-text-emphasis:    shade-color($danger, 10%);
